* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out; }

body {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  background: #fafafa;
  color: #677B96;
  font-family: "Verdana", sans-serif;
  font-size: 12px;
  overflow-x: hidden;
  max-width: none; }
  body:after {
    content: " ";
    display: block;
    clear: both; }

.coming-soon a,
.disabled {
  cursor: default; }

header, .overview article h2 {
  color: white;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 300;
  margin-bottom: 32px;
  text-transform: uppercase; }

header h2, .featured-demos h2, .overview article, .benefits article, .benefits article h2, .benefits article > p, .benefits article ul li h3, .demos article h2, .demos article ul li h3, .contact article h2, .contact article .mailing-list h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  margin-bottom: 32px;
  text-transform: uppercase; }

.overview article .button, .demos article ul li a, .contact article .button {
  color: white;
  display: block;
  background: #67A8FE;
  border-radius: 7px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px;
  width: 300px; }
  .overview article .button:hover, .demos article ul li a:hover, .contact article .button:hover {
    background: #3e91fe; }

header {
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  font-size: 52px;
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 185px;
  position: relative;
  text-align: center; }
  header h1 {
    width: 49.2957746479%;
    float: left;
    margin-right: 1.4084507042%;
    float: none;
    margin: 0 auto; }
  header h1 a {
    display: block;
    height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 150px;
    background-image: url("../../img/logo-inline.png");
    float: none;
    left: 43px;
    position: absolute;
    top: 40px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      header h1 a {
        background-image: url("../../img/logo-inline@2x.png");
        -webkit-background-size: 150px 26px;
        -moz-background-size: 150px 26px;
        -o-background-size: 150px 26px;
        background-size: 150px 26px; } }
  header h2 {
    width: 49.2957746479%;
    float: left;
    margin-right: 1.4084507042%;
    float: none;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto 20px; }
    header h2:before {
      content: ".";
      margin: 0 auto 20px; }
  header p {
    width: 57.7464788732%;
    float: left;
    margin-right: 1.4084507042%;
    float: none;
    margin: 0 auto;
    min-width: 768px;
    text-transform: none; }

.featured-demos {
  color: #797979;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 19px;
  padding-top: 32px;
  padding-bottom: 64px;
  position: relative;
  text-align: center; }
  .featured-demos:before, .featured-demos:after {
    background: #fafafa;
    content: ".";
    display: block;
    height: 2px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: -1px;
    white-space: nowrap;
    width: 100%; }
  .featured-demos:after {
    bottom: -1px;
    top: auto; }
  .featured-demos article {
    min-width: 960px; }
  .featured-demos h2 {
    width: 40.8450704225%;
    float: left;
    margin-right: 1.4084507042%;
    color: #646464;
    float: none;
    font-size: 32px;
    margin: 0 auto;
    margin-bottom: 8px; }
    .featured-demos h2:before {
      display: block;
      height: 38px;
      overflow: hidden;
      text-indent: -9999px;
      white-space: nowrap;
      width: 38px;
      background-image: url("../../img/arrow-up-circle.svg");
      -webkit-background-size: 38px;
      -moz-background-size: 38px;
      -o-background-size: 38px;
      background-size: 38px;
      content: ".";
      margin: 0 auto 4px; }
  .featured-demos p {
    width: 36.6197183099%;
    float: left;
    margin-right: 1.4084507042%;
    float: none;
    margin: 0 auto; }
  .featured-demos ul {
    clear: both;
    display: flex;
    height: 342px;
    left: 50%;
    list-style: none;
    margin-left: -470.5px;
    position: absolute;
    top: -342px;
    width: 941px; }
    .featured-demos ul li {
      float: left;
      margin-right: 27px;
      position: relative;
      width: 295px; }
      .featured-demos ul li:last-child, .featured-demos ul li.marketplace {
        float: right;
        margin-right: 0; }
      .featured-demos ul li.seafood a {
        background-image: url("../../img/featured-demo-seafood.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .featured-demos ul li.seafood a {
            background-image: url("../../img/featured-demo-seafood@2x.png");
            -webkit-background-size: 100% 262px;
            -moz-background-size: 100% 262px;
            -o-background-size: 100% 262px;
            background-size: 100% 262px; } }
      .featured-demos ul li.bond a {
        background-image: url("../../img/featured-demo-bond.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .featured-demos ul li.bond a {
            background-image: url("../../img/featured-demo-bond@2x.png");
            -webkit-background-size: 100% 262px;
            -moz-background-size: 100% 262px;
            -o-background-size: 100% 262px;
            background-size: 100% 262px; } }
      .featured-demos ul li.marketplace a {
        background-image: url("../../img/featured-demo-marketplace.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .featured-demos ul li.marketplace a {
            background-image: url("../../img/featured-demo-marketplace@2x.png");
            -webkit-background-size: 100% 262px;
            -moz-background-size: 100% 262px;
            -o-background-size: 100% 262px;
            background-size: 100% 262px; } }
      .featured-demos ul li a {
        -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
        background-color: white;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        color: #7F7F7F;
        display: block;
        font-family: "Verdana", sans-serif;
        font-size: 13px;
        height: 342px;
        padding: 70px 16px 0;
        position: relative;
        text-decoration: none; }
        .featured-demos ul li a:hover {
          -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5);
          margin-top: -50px; }
        .featured-demos ul li a span {
          color: white;
          display: block;
          font-family: "Open Sans", sans-serif;
          font-size: 17px;
          font-weight: 600;
          line-height: 1.9em;
          margin-bottom: 141px;
          text-transform: uppercase; }
          .featured-demos ul li a span b {
            display: block;
            font-size: 32px;
            font-weight: 700; }
      .featured-demos ul li.coming-soon a:hover {
        -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        margin-top: 0px; }
        .featured-demos ul li.coming-soon a:hover:before {
          background: rgba(0, 0, 0, 0.35); }
      .featured-demos ul li.coming-soon a:before {
        background: rgba(0, 0, 0, 0.25);
        content: ".";
        display: block;
        height: 342px;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-indent: -9999px;
        top: 0;
        white-space: nowrap;
        width: 295px; }
      .featured-demos ul li.coming-soon > span {
        background-image: url("../../img/coming-soon.png");
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        color: white;
        display: block;
        font-family: "Open Sans Condensed", sans-serif;
        font-size: 24px;
        font-weight: 300;
        height: 63px;
        line-height: .8em;
        padding-top: 8px;
        position: absolute;
        right: -54px;
        text-transform: uppercase;
        top: 19px;
        width: 208px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .featured-demos ul li.coming-soon > span {
            background-image: url("../../img/coming-soon@2x.png");
            -webkit-background-size: 208px 63px;
            -moz-background-size: 208px 63px;
            -o-background-size: 208px 63px;
            background-size: 208px 63px; } }
        .featured-demos ul li.coming-soon > span b {
          display: block;
          font-family: "Open Sans", sans-serif;
          font-size: 12px;
          font-weight: 700; }

.overview {
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding-top: 90px;
  padding-bottom: 90px; }
  .overview article {
    width: 74.6478873239%;
    float: left;
    margin-right: 1.4084507042%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    float: none;
    font-size: 26px;
    margin: 0 auto;
    min-width: 960px;
    text-align: center;
    text-transform: none; }
    .overview article:after {
      content: " ";
      display: block;
      clear: both; }
    .overview article h2 {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      font-size: 60px; }
    .overview article p {
      width: 77.358490566%;
      float: left;
      margin-right: 1.8867924528%;
      margin-left: 11.320754717%;
      line-height: 2em; }
    .overview article .button {
      margin: 3em auto 0;
      padding: 10px 20px 10px 72px;
      position: relative; }
      .overview article .button:before {
        display: block;
        height: 38px;
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        width: 38px;
        background-image: url("../../img/github-icon.png");
        content: ".";
        left: 40px;
        margin-top: -19px;
        position: absolute;
        top: 50%; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .overview article .button:before {
            background-image: url("../../img/github-icon@2x.png");
            -webkit-background-size: 38px 38px;
            -moz-background-size: 38px 38px;
            -o-background-size: 38px 38px;
            background-size: 38px 38px; } }

.distributed-ledgers {
  background-color: #fafafa;
  background-image: url("../../img/distributed-ledgers.png");
  background-repeat: no-repeat;
  background-position: center left 50%;
  background-size: cover;
  padding-top: 105px;
  padding-bottom: 105px; }
  .distributed-ledgers article {
    width: 74.6478873239%;
    float: left;
    margin-right: 1.4084507042%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin: 0 auto;
    min-width: 960px; }
    .distributed-ledgers article:after {
      content: " ";
      display: block;
      clear: both; }
    .distributed-ledgers article h2 {
      background-image: url("../../img/distributed-ledger-icon.png");
      background-repeat: no-repeat;
      background-position: 111px top;
      color: #98A3B6;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      font-size: 42px;
      margin-bottom: 20px;
      padding-top: 118px;
      text-transform: uppercase; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .distributed-ledgers article h2 {
          background-image: url("../../img/distributed-ledger-icon@2x.png");
          -webkit-background-size: 290px 76px;
          -moz-background-size: 290px 76px;
          -o-background-size: 290px 76px;
          background-size: 290px 76px; } }
    .distributed-ledgers article p {
      width: 51.8867924528%;
      float: left;
      margin-right: 1.8867924528%;
      color: #98A3B6;
      font-family: "Open Sans", sans-serif;
      font-size: 18px;
      line-height: 2em; }

.benefits {
  background-color: #414C5A;
  padding-top: 104px;
  padding-bottom: 160px; }
  .benefits article {
    width: 74.6478873239%;
    float: left;
    margin-right: 1.4084507042%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin: 0 auto;
    min-width: 960px;
    text-align: center; }
    .benefits article:after {
      content: " ";
      display: block;
      clear: both; }
    .benefits article h2 {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      color: white;
      margin-bottom: 14px;
      font-size: 36px; }
    .benefits article > p {
      width: 54.7169811321%;
      float: left;
      margin-right: 1.8867924528%;
      margin-left: 22.641509434%;
      color: #95ADCD;
      font-size: 24px;
      line-height: 1.75em;
      margin-bottom: 80px;
      text-transform: none; }
      .benefits article > p b {
        font-weight: 600; }
    .benefits article ul {
      list-style: none; }
      .benefits article ul li {
        width: 26.4150943396%;
        float: left;
        margin-right: 1.8867924528%;
        margin-left: 8.4905660377%; }
        .benefits article ul li:first-child {
          margin-left: 0; }
        .benefits article ul li:last-child {
          float: right;
          margin-right: 0; }
        .benefits article ul li h3 {
          background-repeat: no-repeat;
          background-position: center top;
          color: white;
          font-weight: 700;
          font-size: 24px;
          letter-spacing: 1px;
          margin-bottom: 36px;
          padding-top: 58px; }
        .benefits article ul li.security h3 {
          background-image: url("../../img/security-icon.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .benefits article ul li.security h3 {
              background-image: url("../../img/security-icon@2x.png");
              -webkit-background-size: 42px 53px;
              -moz-background-size: 42px 53px;
              -o-background-size: 42px 53px;
              background-size: 42px 53px; } }
        .benefits article ul li.auditability h3 {
          background-image: url("../../img/auditability-icon.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .benefits article ul li.auditability h3 {
              background-image: url("../../img/auditability-icon@2x.png");
              -webkit-background-size: 50px 50px;
              -moz-background-size: 50px 50px;
              -o-background-size: 50px 50px;
              background-size: 50px 50px; } }
        .benefits article ul li.automation h3 {
          background-image: url("../../img/automation-icon.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .benefits article ul li.automation h3 {
              background-image: url("../../img/automation-icon@2x.png");
              -webkit-background-size: 48px 50px;
              -moz-background-size: 48px 50px;
              -o-background-size: 48px 50px;
              background-size: 48px 50px; } }
        .benefits article ul li p {
          color: #95ADCD;
          font-family: "Verdana", sans-serif;
          font-size: 12px;
          line-height: 24px;
          text-align: left;
          text-transform: none; }

.demos {
  padding-top: 85px;
  padding-bottom: 85px; }
  .demos article {
    width: 74.6478873239%;
    float: left;
    margin-right: 1.4084507042%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin: 0 auto;
    min-width: 960px; }
    .demos article:after {
      content: " ";
      display: block;
      clear: both; }
    .demos article h2 {
      width: 29.2452830189%;
      float: left;
      margin-right: 1.8867924528%;
      font-size: 13px;
      margin-top: 150px; }
      .demos article h2 b {
        color: #B0C3DD;
        display: block;
        font-size: 25px;
        font-weight: 300;
        margin-bottom: 2px; }
    .demos article ul {
      width: 63.2075471698%;
      float: left;
      margin-right: 1.8867924528%;
      float: right;
      margin-right: 0;
      font-size: 11px;
      list-style: none;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; }
      .demos article ul:after {
        content: " ";
        display: block;
        clear: both; }
      .demos article ul li {
        width: 48.5714285714%;
        float: left;
        margin-right: 2.8571428571%;
        display: block;
        padding: 2px; }
        .demos article ul li:last-child {
          float: right;
          margin-right: 0; }
        .demos article ul li.seafood,
        .demos article ul li.seafood h3 {
          background-image: linear-gradient(34deg, #2F5EA5 0%, #009DAA 100%); }
        .demos article ul li.bond,
        .demos article ul li.bond h3 {
          background-image: linear-gradient(37deg, #006F74 0%, #7DB47C 100%); }
        .demos article ul li.marketplace,
        .demos article ul li.marketplace h3 {
          background-image: linear-gradient(33deg, #513F92 0%, #966B99 100%); }
        .demos article ul li div {
          background: #fafafa;
          height: 350px;
          padding-top: 28px;
          position: relative; }
        .demos article ul li h3 {
          color: white;
          font-size: 11px;
          font-weight: 600;
          margin-bottom: 0;
          overflow: hidden;
          padding: 38px 12px;
          position: relative;
          text-align: center; }
          .demos article ul li h3 b {
            display: block;
            font-size: 21px;
            font-weight: 700; }
          .demos article ul li h3:before {
            top: 15px;
            content: ".";
            left: 50%;
            margin-left: -133px;
            position: absolute; }
          .demos article ul li h3:after {
            display: block;
            height: 5px;
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            width: 266px;
            background-image: url("../../img/demo-headline-line-wide.png");
            bottom: 20px;
            content: ".";
            left: 50%;
            margin-left: -133px;
            position: absolute; }
            @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
              .demos article ul li h3:after {
                background-image: url("../../img/demo-headline-line-wide@2x.png");
                -webkit-background-size: 266px 5px;
                -moz-background-size: 266px 5px;
                -o-background-size: 266px 5px;
                background-size: 266px 5px; } }
        .demos article ul li.seafood h3:before {
          display: block;
          height: 14px;
          overflow: hidden;
          text-indent: -9999px;
          white-space: nowrap;
          width: 266px;
          background-image: url("../../img/demo-headline-seafood-wide.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .demos article ul li.seafood h3:before {
              background-image: url("../../img/demo-headline-seafood-wide@2x.png");
              -webkit-background-size: 266px 14px;
              -moz-background-size: 266px 14px;
              -o-background-size: 266px 14px;
              background-size: 266px 14px; } }
        .demos article ul li.bond h3:before {
          display: block;
          height: 21px;
          overflow: hidden;
          text-indent: -9999px;
          white-space: nowrap;
          width: 266px;
          background-image: url("../../img/demo-headline-bond-wide.png");
          top: 9px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .demos article ul li.bond h3:before {
              background-image: url("../../img/demo-headline-bond-wide@2x.png");
              -webkit-background-size: 266px 21px;
              -moz-background-size: 266px 21px;
              -o-background-size: 266px 21px;
              background-size: 266px 21px; } }
        .demos article ul li.marketplace h3:before {
          display: block;
          height: 25px;
          overflow: hidden;
          text-indent: -9999px;
          white-space: nowrap;
          width: 266px;
          background-image: url("../../img/demo-headline-marketplace-wide.png");
          top: 8px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .demos article ul li.marketplace h3:before {
              background-image: url("../../img/demo-headline-marketplace-wide@2x.png");
              -webkit-background-size: 266px 25px;
              -moz-background-size: 266px 25px;
              -o-background-size: 266px 25px;
              background-size: 266px 25px; } }
        .demos article ul li p {
          line-height: 2em;
          margin: 18px 6%; }
        .demos article ul li.seafood a {
          background: #177AA3; }
          .demos article ul li.seafood a:hover {
            background: #00a0e3; }
        .demos article ul li.bond a {
          background: #368D78; }
          .demos article ul li.bond a:hover {
            background: #19aa87; }
        .demos article ul li.marketplace a {
          background: #6D5195; }
          .demos article ul li.marketplace a:hover {
            background: #916cc7; }
        .demos article ul li a {
          border-radius: 2px;
          bottom: 0;
          font-size: 12px;
          margin: 0 6% 18px;
          padding: 10px 28px 10px 20px;
          position: absolute;
          text-align: left;
          width: 88%; }
          .demos article ul li a:after {
            display: block;
            height: 13px;
            overflow: hidden;
            text-indent: -9999px;
            white-space: nowrap;
            width: 8px;
            background-image: url("../../img/arrow-right.png");
            content: ".";
            margin-top: -7px;
            position: absolute;
            right: 15px;
            top: 50%; }
            @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
              .demos article ul li a:after {
                background-image: url("../../img/arrow-right@2x.png");
                -webkit-background-size: 8px 13px;
                -moz-background-size: 8px 13px;
                -o-background-size: 8px 13px;
                background-size: 8px 13px; } }
          .demos article ul li a.disabled {
            background: #D8D8D8;
            text-align: center; }
            .demos article ul li a.disabled:after {
              display: none; }
            .demos article ul li a.disabled:hover {
              background: #d0d0d0; }

.contact {
  background: #414C5A;
  padding-top: 105px;
  padding-bottom: 105px; }
  .contact article {
    width: 74.6478873239%;
    float: left;
    margin-right: 1.4084507042%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin: 0 auto;
    min-width: 960px; }
    .contact article:after {
      content: " ";
      display: block;
      clear: both; }
    .contact article h2 {
      width: 49.0566037736%;
      float: left;
      margin-right: 1.8867924528%;
      color: #B0C3DD;
      font-size: 33px;
      margin-bottom: 10px; }
    .contact article p {
      clear: both;
      width: 43.3962264151%;
      float: left;
      margin-right: 1.8867924528%;
      color: white;
      font-family: "Open Sans", sans-serif;
      font-weight: 300;
      font-size: 16px;
      margin-bottom: 39px; }
    .contact article .button {
      clear: both;
      width: 32.0754716981%;
      float: left;
      margin-right: 1.8867924528%;
      position: relative;
      padding-left: 72px; }
      .contact article .button:before {
        display: block;
        height: 30px;
        overflow: hidden;
        text-indent: -9999px;
        white-space: nowrap;
        width: 32px;
        background-image: url("../../img/contact-icon.png");
        content: ".";
        left: 68px;
        margin-top: -16px;
        position: absolute;
        top: 50%; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          .contact article .button:before {
            background-image: url("../../img/contact-icon@2x.png");
            -webkit-background-size: 32px 30px;
            -moz-background-size: 32px 30px;
            -o-background-size: 32px 30px;
            background-size: 32px 30px; } }
    .contact article .email noscript {
      display: block;
      font-size: 10px; }
    .contact article .mailing-list {
      width: 36.6197183099%;
      float: left;
      margin-right: 1.4084507042%;
      float: right;
      margin-right: 0;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
      background: #535F6F;
      border-radius: 7px;
      margin-top: -113px;
      padding: 12px; }
      .contact article .mailing-list:after {
        content: " ";
        display: block;
        clear: both; }
      .contact article .mailing-list h3 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        color: #B0C3DD;
        font-weight: 600;
        font-size: 21px;
        margin-bottom: 8px;
        text-transform: uppercase;
        text-align: center; }
      .contact article .mailing-list p {
        width: 88.4615384615%;
        float: left;
        margin-right: 3.8461538462%;
        color: #A6B0BE;
        font-size: 16px;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center; }
      .contact article .mailing-list .button {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        background-color: #4C73A8;
        padding-left: 72px; }
        .contact article .mailing-list .button:before {
          display: block;
          height: 34px;
          overflow: hidden;
          text-indent: -9999px;
          white-space: nowrap;
          width: 38px;
          background-image: url("../../img/checked-icon.png");
          content: ".";
          left: 100px;
          margin-top: -16px;
          position: absolute;
          top: 50%; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .contact article .mailing-list .button:before {
              background-image: url("../../img/checked-icon@2x.png");
              -webkit-background-size: 38px 34px;
              -moz-background-size: 38px 34px;
              -o-background-size: 38px 34px;
              background-size: 38px 34px; } }
        .contact article .mailing-list .button:hover {
          background-color: #346fc0; }

.footer {
  background-image: url("../../img/logo-dark.png");
  background-repeat: no-repeat;
  background-position: center 60px;
  background-color: #242D38;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .footer {
      background-image: url("../../img/logo-dark@2x.png");
      -webkit-background-size: 77px 77px;
      -moz-background-size: 77px 77px;
      -o-background-size: 77px 77px;
      background-size: 77px 77px; } }
  .footer footer {
    width: 74.6478873239%;
    float: left;
    margin-right: 1.4084507042%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin: 0 auto;
    margin-top: 96px;
    margin-bottom: 40px;
    min-width: 960px; }
    .footer footer:after {
      content: " ";
      display: block;
      clear: both; }
    .footer footer h2 {
      color: #D8D8D8;
      font-family: "Open Sans Condensed", sans-serif;
      font-weight: 300;
      font-size: 24px;
      margin-bottom: 12px;
      text-transform: uppercase; }
    .footer footer .contact-links {
      font-family: "Verdana", sans-serif;
      font-weight: bold;
      font-size: 11px;
      list-style: none; }
      .footer footer .contact-links li {
        margin-bottom: 12px; }
        .footer footer .contact-links li.email:before {
          display: block;
          height: 10px;
          overflow: hidden;
          text-indent: -9999px;
          white-space: nowrap;
          width: 15px;
          background-image: url("../../img/email-icon.png");
          content: ".";
          float: left;
          margin-top: 2px;
          margin-right: 12px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .footer footer .contact-links li.email:before {
              background-image: url("../../img/email-icon@2x.png");
              -webkit-background-size: 15px 10px;
              -moz-background-size: 15px 10px;
              -o-background-size: 15px 10px;
              background-size: 15px 10px; } }
        .footer footer .contact-links li.rocket-chat:before {
          display: block;
          height: 16px;
          overflow: hidden;
          text-indent: -9999px;
          white-space: nowrap;
          width: 18px;
          background-image: url("../../img/rocketchat-icon.png");
          content: ".";
          float: left;
          margin-top: -1px;
          margin-right: 9px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
            .footer footer .contact-links li.rocket-chat:before {
              background-image: url("../../img/rocketchat-icon@2x.png");
              -webkit-background-size: 18px 16px;
              -moz-background-size: 18px 16px;
              -o-background-size: 18px 16px;
              background-size: 18px 16px; } }
      .footer footer .contact-links a {
        color: #6B7888;
        text-decoration: none; }
        .footer footer .contact-links a:hover {
          text-decoration: underline; }
    .footer footer .links {
      font-family: "Verdana", sans-serif;
      font-size: 12px;
      list-style: none;
      margin-top: 45px; }
      .footer footer .links::after {
        clear: both;
        content: "";
        display: table; }
      .footer footer .links li {
        float: left;
        margin-left: 35px; }
        .footer footer .links li:first-child {
          margin-left: 0; }
      .footer footer .links a {
        color: #6D7A8A;
        text-decoration: none; }
        .footer footer .links a:hover {
          text-decoration: underline; }
      .footer footer .links.legal {
        margin-top: 15px; }
        .footer footer .links.legal a {
          color: #49525d; }
    .footer footer .disabled {
      display: none; }
    .footer footer .copyright {
      color: #4C545E;
      display: block;
      font-family: "Verdana", sans-serif;
      font-size: 9px;
      margin-top: 15px; }

header {
  background-color: #1F3543;
  background-size: 100% auto, cover;
  background-position: center bottom, center center;
  background-image: url("../../img/hero-bottom.png"), url("../../img/hero-bg.jpg");
  font-size: 40px;
  padding-top: 48px;
  padding-bottom: 470px; }
  header h1 {
    display: block;
    height: 103px;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 172px;
    background-image: url("../../img/logo.png");
    margin-bottom: 36px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      header h1 {
        background-image: url("../../img/logo@2x.png");
        -webkit-background-size: 172px 103px;
        -moz-background-size: 172px 103px;
        -o-background-size: 172px 103px;
        background-size: 172px 103px; } }
  header p {
    text-transform: uppercase; }

.overview {
  background-color: #1F3543;
  background-size: 100% auto, cover;
  background-position: center top, center center;
  background-image: url("../../img/overview-top.png"), url("../../img/overview-bg.jpg");
  padding-top: 114px;
  padding-bottom: 124px; }

.demos article h2 {
  width: 29.2452830189%;
  float: left;
  margin-right: 1.8867924528%; }

.demos article ul {
  width: 63.2075471698%;
  float: left;
  margin-right: 1.8867924528%;
  float: right;
  margin-right: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .demos article ul:after {
    content: " ";
    display: block;
    clear: both; }
  .demos article ul li {
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%; }
    .demos article ul li div {
      height: 410px; }
    .demos article ul li h3:before {
      margin-left: -83px; }
    .demos article ul li h3:after {
      display: block;
      height: 5px;
      overflow: hidden;
      text-indent: -9999px;
      white-space: nowrap;
      width: 166px;
      background-image: url("../../img/demo-headline-line.png");
      margin-left: -83px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .demos article ul li h3:after {
          background-image: url("../../img/demo-headline-line@2x.png");
          -webkit-background-size: 166px 5px;
          -moz-background-size: 166px 5px;
          -o-background-size: 166px 5px;
          background-size: 166px 5px; } }
    .demos article ul li.seafood h3:before {
      display: block;
      height: 14px;
      overflow: hidden;
      text-indent: -9999px;
      white-space: nowrap;
      width: 166px;
      background-image: url("../../img/demo-headline-seafood.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .demos article ul li.seafood h3:before {
          background-image: url("../../img/demo-headline-seafood@2x.png");
          -webkit-background-size: 166px 14px;
          -moz-background-size: 166px 14px;
          -o-background-size: 166px 14px;
          background-size: 166px 14px; } }
    .demos article ul li.bond h3:before {
      display: block;
      height: 21px;
      overflow: hidden;
      text-indent: -9999px;
      white-space: nowrap;
      width: 166px;
      background-image: url("../../img/demo-headline-bond.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .demos article ul li.bond h3:before {
          background-image: url("../../img/demo-headline-bond@2x.png");
          -webkit-background-size: 166px 21px;
          -moz-background-size: 166px 21px;
          -o-background-size: 166px 21px;
          background-size: 166px 21px; } }
    .demos article ul li.marketplace h3:before {
      display: block;
      height: 25px;
      overflow: hidden;
      text-indent: -9999px;
      white-space: nowrap;
      width: 166px;
      background-image: url("../../img/demo-headline-marketplace.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .demos article ul li.marketplace h3:before {
          background-image: url("../../img/demo-headline-marketplace@2x.png");
          -webkit-background-size: 166px 25px;
          -moz-background-size: 166px 25px;
          -o-background-size: 166px 25px;
          background-size: 166px 25px; } }
    .demos article ul li p {
      margin: 18px 10%; }
    .demos article ul li a {
      margin: 0 10% 18px;
      width: 80%; }
